/* You can add global styles to this file, and also import other style files */
.chat-box {
  position: relative;
  height: 100%;
  overflow: hidden;

  .chat-output {
    height: calc(100% - 40px);
    overflow-y: scroll;
    padding-bottom: 10px;

    *:not(:first-child) {
      margin-top: 10px;
    }

    .chat-line {
      .chat-message {
        background-color: #eee;
        display: inline-block;
        padding: 11px 20px;
        border-radius: 6px;
        border: 1px solid #b3b3b37a;
      }

      .chat-wait-for-done {
        color: red;
        display: inline-block;
        padding: 11px 20px;
      }

      .chat-me {
        background-color: #d8ffd8;
      }

    }
  }

  .chat-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    //height: 50px;
    //padding: 10px;
    width: 100%;
  }
}
